
import Home from '@/views/Home.vue'



export default [

	{
		path: '/',
		name: 'home',
		component: Home,
		props:route=>({
			food:route.query.food
		}),

	},
	{
		path: '/login',
		name: 'login',
		component: () => import(/* webpackChunkName: "about" */ '../views/login.vue'),
	},
	{
		path: '/about',
		name: 'about',
		component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
		props:{
			food:'banana'
		}
	},
	{
		path:'/argu/:name',
		name: 'argu',
		props:true,
		component:()=>import('@/views/argu.vue')
	},
	{
		path:'/parent',
		name: 'parent',
		component:()=>import('@/views/parent.vue'),
		children:[
			{
				path:'child',
				component:()=>import('@/views/child.vue'),
			}
		]
	},
	{
		path:'/named_view',
		components:{
			default:()=>import('@/views/child.vue'),
			email:()=>import('@/views/email.vue'),
			tel:()=>import('@/views/tel.vue'),

		}
	},
	{
		path:'/main',
		redirect:'/'
	},

	{
		path:'/store',
		component:()=>import('@/views/store.vue'),
	},
	{
		path:'*',
		component:()=>import('@/views/error_404.vue')
	}

]

